<template>
    <div class="notfound">
      <img src="../../static/img/login-bars.png">
      <p class="title">页面找不到了</p>
      <h2>404</h2>
      <p>我们找不到您要找的网页</p>
      <p>返回或尝试下面的按钮</p>
      <div style="padding: 20px;">
        <router-link to="/">
          <Button type="primary" long size="large">去首页</Button>
        </router-link>
      </div>
    </div>
</template>
<script>
  export default{
    created() {
    },
    beforeRouteLeave (to, from , next) {
      const answer = window.confirm('Do you really want to leave? you have unsaved changes!')
      if (answer) {
        next()
      } else {
        next(false)
      }
    }
  }
</script>
<style scoped>
  .notfound{
    width: 555px;
    padding: 0px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    margin: 100px auto;
    text-align: center;
    padding-bottom: 60px;
  }
  .notfound img{
    display: block;
  }
  .notfound .title{
    color: #758494;
    padding: 50px;
  }
  .notfound h2{
    display: block;
    font-size: 134px;
    font-weight: 800;
    color: #758494;
    font-family: Poppins,sans-serif;
  }
</style>
